<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <title>index</title>

    <!-- Bootstrap -->
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">
 <style>
 	.sel_hd{
 		background: transparent;
	    outline: none;
	    border: none;
 		appearance:none;
		-moz-appearance:none; /* Firefox */
		-webkit-appearance:none; /* Safari 和 Chrome */
		text-align-last: center;
		font-size: 21px;
 	}
 	option{
 		color:#000;
 	}
 	.sel_hd{
 		max-width: 500px;
 	}
 	#recipient-name1{
		background: transparent;
		display: inline-block;
		width: calc(100% - 30px);
		border:none;
	}
	.kk_img{
		margin:auto;
		width: 25px;
		height: 25px;
	}
	.span_jj{
		display: inline-block;
	    max-width: calc(100% - 30px);
	    white-space: nowrap;
	    overflow: hidden;
	}
        .jindu{
            background: radial-gradient(center , ellipse cover , rgb(63, 180, 189) 1% , rgb(233, 232, 232) 100%);
            background: -o-radial-gradient(center , ellipse cover , rgb(63, 180, 189) 1% , rgb(233, 232, 232) 100%);
            background: -ms-radial-gradient(center , ellipse cover , rgb(63, 180, 189) 1% , rgb(233, 232, 232) 100%);
            background: -moz-radial-gradient(center , ellipse cover , rgb(63, 180, 189) 1% , rgb(233, 232, 232) 100%);
            background: -webkit-radial-gradient(center , ellipse cover , rgb(63, 180, 189) 1% , rgb(233, 232, 232) 100%);

        }
 </style>
</head>

<body class="index_bg">
    <!--导航-->
    <div class="navbar navbar-inverse">
        <div class="container">
            <div class="navbar-header text-center">
                <!-- 用户信息 -->
                <a class="navbar-brand user_msg" href="javascript:;"><img class="img-responsive" src="./img/geren5@2x.png" alt="" style="width:50%;border-radius:50%;"></a>
                <!-- 标题 -->
                <span class="title">加密大陆</span>
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navBar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <div class="collapse navbar-collapse navbar-right" id="navBar">
                <ul class="nav navbar-nav">
                    <li><a href="index.html" style="color:#fff;">首页</a></li>
                    <li><a href="chargeMoney.html">充币</a></li>
                    <li><a href="mentionMoney.html">提币</a></li>
                    <li><a href="Num1FirstRound.html">捐款轮数</a></li>
                    <!--<li><a href="manageMoney.html">加密大陆</a></li>-->
                    <li><a href="myTeam.html">我的团队</a></li>
                    <li><a href="myEarnings.html">我的收益</a></li>
                    <li><a href="currencySetting.html">币种设置</a></li>
                </ul>
            </div>

            <!-- 用户信息 -->
            <div class="user_wrapper">
                <div class="user_container">
                    <img class="user_head" src="./img/lanse222.gif" alt="用户头像">
                    <p class="user_id"></p>
                    <div class="btns">
                        <a href="personalCenter.html">个人中心</a>
                        <a href="login.html">退出</a>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="container-fluid">
        <!-- 最新公告 -->
        <div class="noticList_list">
        	<div class="con_t1 text_shadow">最新公告</div>
		    <!--<div class="con_t1_msg">
		        <h3>公告</h3>
		        <p>2018-11-12 17:47</p>
		        <p>尊敬的用户：大家好，比特币4号第十四轮分红活动将定于2018年11月11日：<a href="javascript:;">详情</a></p>
		    </div>-->
        </div>
        

        <!-- ETH资产 -->
        <div class="con_t2 text_shadow"><span class="b0_e1"></span>资产</div>
        <div class="row">
            <div class="col-md-3 col-xs-12">
                <div class="con_t2_msg">
                    <div class="con_t2_top">
                        <p class="con_t2_f1 f18_lh31 available_balance">1.46578</p>
                        <div class="con_t2_f2 f14_lh31"><img src="./img/zc1.png" alt="钱包" width="14" height="14">钱包</div>
                    </div>
                    <a href="javascript:;" class="con_t2_bottom" data-toggle="modal" data-target="#exampleModal">
                        <img src="./img/right.png" alt="右箭头" width="15" height="13">
                    </a>
                </div>
            </div>
            <div class="col-md-3 col-xs-12">
                <div class="con_t2_msg">
                    <div class="con_t2_top">
                        <p class="con_t2_f1 invest"></p>
                        <div class="con_t2_f2"><img src="./img/zc2.png" alt="投资中" width="14" height="14">投资中（<span class="dataCut" data-cut="1">自动复投</span>）</div>
                    </div>
                    <a href="javascript:;" class="con_t2_bottom cutBtn">
                        <img src="./img/right.png" alt="右箭头" width="15" height="13">
                    </a>
                </div>
            </div>
            <div class="col-md-3 col-xs-12">
                <div class="con_t2_msg">
                    <div class="con_t2_top">
                        <p class="con_t2_f1 f18_lh31 returned"></p>
                        <div class="con_t2_f2 f14_lh31"><img src="./img/zc3.png" alt="待返还" width="14" height="14">待返还</div>
                    </div>
                    <a href="javascript:;" class="con_t2_bottom">
                        <!--<img src="./img/right.png" alt="右箭头" width="15" height="13">-->
                    </a>
                </div>
            </div>
            <div class="col-md-3 col-xs-12">
                <div class="con_t2_msg">
                    <div class="con_t2_top">
                        <p class="con_t2_f1 f18_lh31 frozen"></p>
                        <div class="con_t2_f2 f14_lh31"><img src="./img/zc4.png" alt="冻结中" width="14" height="14">冻结中</div>
                    </div>
                    <a href="javascript:;" class="con_t2_bottom">
                        <!--<img src="./img/right.png" alt="右箭头" width="15" height="13">-->
                    </a>
                </div>
            </div>
        </div>

        <!-- ETH一号第1轮 -->
        <div class="con_t2 text_shadow" style="margin: 0;">
        	<select class="sel_hd" style="width: 100%;">
        	</select>
        </div>
        <div class="row sel_row">
        	<!--进度条-->
	        <div class="progress jindu" style="margin: 30px 15px;">
			  <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width:0%;color: maroon">
			  	0%
			  </div>
			</div>
            <div class="col-md-3 col-xs-6">
                <div class="ethOneNum" style="padding:25px 0;">
                    <div class="oneNum_title"><img src="./img/num1.png" alt="第一轮" width="20" height="20"><span class="span_jj activityName"></span></div>
                    <p class="nowNum"></p>
                </div>
            </div>
            <div class="col-md-3 col-xs-6">
                <div class="ethOneNum">
                    <div class="oneNum_title"><img src="./img/num2.png" alt="当前状态" width="20" height="20">当前状态</div>
                    <p class="nowStatus"></p>
                </div>
            </div>
            <div class="col-md-3 col-xs-6">
                <div class="ethOneNum">
                    <div class="oneNum_title"><img src="./img/num3.png" alt="目标数量" width="20" height="20">目标数量</div>
                    <p class="nowTargetAmount"></p>
                </div>
            </div>
            <div class="col-md-3 col-xs-6">
                <div class="ethOneNum">
                    <div class="oneNum_title"><img src="./img/num4.png" alt="已筹集" width="20" height="20">已筹集</div>
                    <p class="nowRaisedAmount"></p>
                </div>
            </div>
        </div>
        
        
    </div>


    <!-- 弹框 -->
    <div class="modal fade" id="exampleModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bb0">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <select class="form-control sel_hd_1" style="color:#999;">
                        </select>
                    </div>
                    <h6 class="modal_h6" style="color:red;margin-bottom:5px;">*当前可输入的最大数量<span class="maxNum"></span></h6>
                    <div class="form-group">
                        <select class="form-control sel_h" style="color:#999;">
                        	<option value="1">自动复投</option>
                        	<option value="0">手动复投</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <input type="number" class="form-control investmentAmount" placeholder="请输入数量">
                    </div>
                    <div class="form-group" style="border:1px solid #ccc;background: #fff;">
                        <input type="password" class="form-control" id="recipient-name1" placeholder="请输入支付密码">
                        <img class="kk_img" src="img/zy.png" data="1">
                    </div>
                </div>
                <div class="modal-footer bt0">
                    <button type="button" class="btn btn_default bound_btn">提交</button>
                </div>
            </div>
        </div>
    </div>
	<!--preload-->
	<section id="preloader">
		<div class="loading-circle fa-spin"></div>
		<div class="loading-circle2">
			<img src="img/logo.png">
		</div>
	</section>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="./js/jquery-2.1.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/index.js"></script>
    <script src="js/home.js"></script>
</body>

</html>